<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="az" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页-框架页</title>

    <%@include file="/view/common/common-href.jsp" %>

    <style>
        .panel-body {
            border-top:0px solid #fff;
            border-bottom:0px solid #fff;
        }

        .datagrid-htable .datagrid-header-row {
            background-color:#f1f1f1;
        }

        .fa {
            top: 1px;
        }
        .datagrid-toolbar .fa {
            font-size:14px;
            margin-right:5px;
        }

        /*.panel {
            padding:0px;
        }*/
        .window .window-header {
            /*padding: 6px 0px 6px 0px;*/
            background-color:#00aeef;
        }
    </style>

</head>

<body class="easyui-layout">

    <div data-options="region:'west', border:false" style="width:230px;">
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:'north', split:true, border:false" style="height:200px">
                logo、个人信息
                <%--<%@include file="/view/common/common-login-info.jsp" %>--%>
            </div>
            <%--<div data-options="region:'south', border:false" style="height:40px"></div>--%>
            <div data-options="region:'center', split:true, border:false" style="overflow:hidden;">
                <div class="easyui-accordion" data-options="selected:0, border:false" style="width:100%; height:100%;">
                    <%@include file="/view/common/common-tree.jsp" %>
                </div>
            </div>
        </div>
    </div>
    <div data-options="region:'center', border:false">
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:'north', split:true, border:false" style="height:40px">
                <%@include file="/view/common/common-head.jsp" %>
            </div>
            <div data-options="region:'south', border:false" style="height:20px"></div>
            <div data-options="region:'center', split:true, border:false" style="overflow:hidden;">
                <div id="tabs" class="easyui-tabs" data-options="border:false" style="border-top:1px solid #DDD; border-bottom:1px solid #DDD; width:100%; height:100%; overflow:hidden;">

                    <div title="Tab1" style="overflow:hidden;">
                        <div id="tb">
                            <div style="margin:5px 0 0 0;">
                                时间范围: <input class="easyui-datebox" style="width:120px">
                                至: <input class="easyui-datebox" style="width:120px">

                                状态:
                                <select class="easyui-combobox" panelHeight="auto" style="width:100px">
                                    <option value="java">Java</option>
                                    <option value="c">C</option>
                                    <option value="basic">Basic</option>
                                    <option value="perl">Perl</option>
                                    <option value="python">Python</option>
                                </select>
                            </div>
                            <div style="height:auto; margin:5px 0 0 0;">
                                <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true" onclick="accept()"><i class="fa fa-plus-square"></i>添加</a>
                                <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true" onclick="accept()"><i class="fa fa-trash-o"></i>删除</a>
                                <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true" onclick="accept()"><i class="fa fa-edit"></i>编辑</a>
                                <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true" onclick="accept()"><i class="fa fa-plus-square"></i>排序</a>
                                <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true" onclick="accept()"><i class="fa fa-lock"></i>冻结</a>
                                <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true" onclick="accept()"><i class="fa fa-unlock-alt"></i>解冻</a>
                                <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true" onclick="accept()"><i class="fa fa-check-square-o"></i>授权</a>
                                <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true" onclick="accept()"><i class="fa fa-search"></i>搜索</a>
                            </div>
                        </div>

                        <table id="tt" class="easyui-datagrid" title="Basic DataGrid" style="height:100%; margin:5px 0 0 0;"
                               data-options="singleSelect:true,collapsible:true,url:'datagrid_data1.json',method:'get',toolbar:'#tb',noheader:true,pagination:true,
				pageSize:10">
                            <thead>
                            <tr>
                                <th data-options="field:'itemid',width:80">Item ID</th>
                                <th data-options="field:'productid',width:100">Product</th>
                                <th data-options="field:'listprice',width:80,align:'right'">List Price</th>
                                <th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>
                                <th data-options="field:'attr1',width:250">Attribute</th>
                                <th data-options="field:'status',width:60,align:'center'">Status</th>
                            </tr>
                            </thead>
                            <tbody>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                <tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>

                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div id="azeroth-dialog" class="easyui-dialog"></div>
</body>

</html>
<script type="text/javascript">
    $('#azeroth-dialog').dialog({
        title: '<i class="fa fa-th-large"></i>广告添加',
        width: 600,
        height: 400,
        closed: false,
        cache: false,
        modal: true,
        border:false,
//        buttons:'#ei-window-tools',
        onClose : function() {
            $(this).dialog('destroy');
        },
        buttons: [{
            text:'<i class="fa fa-floppy-o" aria-hidden="true"></i>&nbsp;保 存',
            width:'70px',
            handler: function(){
                alert(1);
                //viewDialog.find('iframe').get(0).contentWindow.submitForm(viewDialog, $bn_advertisement_list_Datagrid);
            }
        },{
            text:'<i class="fa fa-reply" aria-hidden="true"></i>&nbsp;返 回',
            width:'70px',
            handler: function(){
                alert(1);
                //viewDialog.dialog('destroy');
            }
        }]
    });

    $(function(){
        /*var pager = $('#dg').datagrid().datagrid('getPager');	// get the pager of datagrid
        pager.pagination({
            buttons:[{
                iconCls:'icon-search',
                handler:function(){
                    alert('search');
                }
            },{
                iconCls:'icon-add',
                handler:function(){
                    alert('add');
                }
            },{
                iconCls:'icon-edit',
                handler:function(){
                    alert('edit');
                }
            }]
        });*/

    })
</script>